{% extends 'base.html' %}

{% load static %}

{% block title %}
登录
{% endblock %}

{% block css %}
{{ block.super }}
<link rel="stylesheet" type="text/css" href="{% static 'css/accounts.css' %}">
{% endblock %}

{% block content %}
<div class="container">
	<div class="columns">
		<div class="column col-4 col-sm-8 col-sm-auto col-mx-auto">
			<form method="post">{% csrf_token %}
			<div class="form-group">
				<label class="form-label" for="user-name">用户名/手机号</label>
				<input class="form-input" type="text" name="user-name" placeholder="用户名/手机号">
			</div>
			<div class="form-group">
				<label class="form-label" for="password">密码</label>
				<input class="form-input" type="password" name="password">
			</div>
			<div class="form-group">
				<button type="submit" class="btn btn-primary float-right">登录</button>
				<button class="btn btn-link float-right">访客</button>
			</div>
			</form>
		</div>
	</div>
</div>
{% endblock %}

{% block javascript %}
{{ block.super }}
<script type="text/javascript">
var navbar = new Vue({
	el: '#navbar',
	data: {
		brand: 'iYinyue'
	}
})
</script>
{% endblock %}